<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>五星图</title>
    <link rel="stylesheet" href="./index2.css">
    <style>
        .outer {
            border: 5px solid red;
            width: 400px;
            height: 300px;
            margin: 0 auto;
            margin-top: 30px;
            padding: 20px;
            background-color: #d4f1cd;
            background-image: url(http://codelover.club/coursefiles/Fmz8q0N9ljPRtB5t0No6xtJrjTAO.png),
                             url(http://codelover.club/coursefiles/Fmz8q0N9ljPRtB5t0No6xtJrjTAO.png),
                             url(http://codelover.club/coursefiles/Fmz8q0N9ljPRtB5t0No6xtJrjTAO.png),
                             url(http://codelover.club/coursefiles/Fmz8q0N9ljPRtB5t0No6xtJrjTAO.png),
                             url(http://codelover.club/coursefiles/Fqmsg8WcLB88ZBrh-aJM68MhMaZa.png);
            background-position: left top,right top,left bottom,right bottom, center;                 
            background-repeat: no-repeat;
            background-origin: content-box;
            text-align: center;
        }
        #text {
            margin-top: 85px;
        }
    </style>
</head>
<body>
    <div class="top-nav">
        <ul>
            <li><a href="./css样式一.html">css样式一</a></li>
            <li><a href="./盒子模型.html">选择器与盒子</a></li>
            <li><a href="./天龙八部.html">格式化文本</a></li>
            <li><a href="./奖状1.html">制作奖状</a></li>
        </ul>
    </div>
    <div class="outer"><div id="text">我是一个兵，爱护老百姓。</div></div>
    <div class="next"><a href="./颜色练习.html">点我去颜色练习</a></div>
</body>
</html>